<template>
  <div>
    <!-- 导航 -->
    <div>
      <!-- 锚点 -->
      <!-- <a href="#/find">发现音乐</a> |
      <a href="#/my">我的音乐</a> |
      <a href="#/friend">朋友</a>  -->
      <!-- 声明式导航 -->
      <router-link to="/find">发现音乐</router-link> |
      <router-link to="/my/18">我的音乐</router-link> |
      <router-link to="/friend?name=小传">朋友</router-link>
    </div>
    <!-- 7、设置路由组件的挂载点 -->
    <router-view></router-view>
  </div>
</template>

<script>
/**
 * 总结：声明式导航的传参
 * 方式一：
 *  1、在导航中，to="/path?参数名=值"
 *  2、接收，目标路由组件中，$route.query.参数
 * 方式二：
 *  1、在路由对象中(路由规则中的对象)，path: "/路径/:参数名" 进行配置
 *  2、传参，to="/path/值"
 *  3、接收，$route.params.参数名
 *
 */ 
export default {

}
</script>

<style>

</style>